<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title>我的世界MOD百科-管理员模版</title>
    <script src="../js/jquery-3.7.1.js"></script>
    <link href="../css/font-awesome.css" rel="stylesheet">
    <link href="../css/admin.css" rel="stylesheet">
    <link href="../css/management.css" rel="stylesheet">
</head>

<body>
<!-- 导航栏 -->
<nav id="navigationBar">
    <script>$("#navigationBar").load("../pubicPage/topPage.html")</script>
</nav>

<!-- MOD搜索和筛选 -->
<section class="search">
    <h1><span class="text-accent">MOD</span>特性<span class="text-Warning">警告</span>管理</h1>
    <div class="search-container">
        <h2>查找<span class="text-accent">MOD</span></h2>
        <div class="search-form">
            <div class="search-input">
                <input id="search" placeholder="搜索MOD名称、作者或描述..." type="text">
                <i class="fa fa-search"></i>
            </div>
            <div class="search-filters">
                <select>
                    <option>所有版本</option>
                    <option>1.19.x</option>
                    <option>1.18.x</option>
                    <option>1.17.x</option>
                    <option>1.16.x</option>
                </select>
                <select>
                    <option>所有类别</option>
                    <option>科技MOD</option>
                    <option>魔法MOD</option>
                    <option>建筑MOD</option>
                    <option>冒险MOD</option>
                </select>
                <select>
                    <option>下载量排序</option>
                    <option>最新更新</option>
                    <option>最多下载</option>
                    <option>评分最高</option>
                    <option>字母排序</option>
                </select>
                <button onclick="searchWarnings()">
                    <i class="fa fa-filter mr-2"></i> 筛选
                </button>
                <button>
                    <i class="fa mr-2">添加新警告</i>
                </button>
            </div>
        </div>
    </div>
</section>

<!-- MOD列表 -->
<section class="mod-list">
    <div class="container">
        <table id="warningTable">
            <thead>
            <tr>
                <th>ID</th>
                <th>标题</th>
                <th>内容</th>
                <th>类型</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <!-- 警告数据将通过JavaScript动态生成 -->
            </tbody>
        </table>
    </div>
</section>

<!-- 关于我们 -->
<section class="about" id="about">
    <script>$("#about").load("../pubicPage/bottomPage.html")</script>
</section>

<script src="../js/admin.js">
</script>
</body>

</html>
